/* 
    Document   : main.css
    Created on : Mar 18, 2011, 5:04:46 PM
    Author     : l2qnew
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*Common*/


.test {
    color: #f07824; clear: both; padding: 15px;
background: #f1e767; /* old browsers */

background: -moz-linear-gradient(top, #f1e767 0%, #377F23 30%, #C13670 66%, #feb645 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(30%,#377F23), color-stop(66%,#C13670), color-stop(100%,#feb645)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* ie */

}
* {font-family: Tahoma,Arial,Helvetica,sans-serif;}
body { color: #333; background: url('../Images/FrontEnd/body-bg.gif') repeat-x; margin: 0; font-size: 12px;}
img { border: none; }
a { color: #fff; text-decoration: none;}
p { margin: 7px 0 10px 0;}
a:hover{ color: #f07824;}
.radius-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(Scripts/border-radius.htc);
}
.radius-8px {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(Scripts/border-radius.htc);

}
.radius-0-0-5-5 {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

}
/*Main*/
#wrapper { width: 960px; margin: 0 auto; }
#header { height: 80px; }
#header div { float: left;}
.logo { padding: 2px 15px; background: #fff;}
.menu ul { list-style: none; margin: 0; padding: 0 0 0 15px; }
.menu ul li { display: inline; }
.menu ul li a {
    color: #fff; text-transform: uppercase; font-weight: bold;
     padding: 10px 15px 8px  15px; float: left;

}
.menu ul li a:hover, .menu ul li a.link-active { color:#336699; background: #fff; }
#header .language { float: right; padding: 5px 0 0 0; }
/*Form search*/
#form-search { background:#eef7fb; border:#eef7fb 1px solid; width: 958px;  float: left; margin-bottom: 10px; }
#form-search .form { float: left; width: 239px; display: inline;}
.form .title { padding: 8px 0  5px 10px; }
.form .content {background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEF7FB;
    height: 200px;
    list-style: none outside none;
    margin: 5px 5px 10px 10px;
    overflow: auto;
    padding: 5px;
}
.calendar a.cheapest { background:#ffffcc;}
.form .content .ds-diem a {  color:#336699; float: left; clear: both; padding: 5px 10px; width: 168px;
        border-bottom: 1px dashed #ddedf5;
}
.form .content .ds-diem a:hover { color: #000; background:#ddedf5;}

.form .content .ds-diem a.select ,.calendar a.select, .calendar a.select:hover { color: #fff; background: #f07824; font-weight: bold;}
.diem-di { background: url('../Images/FrontEnd/diemdi.gif') no-repeat left; padding-left: 20px;}
.diem-den { background: url('../Images/FrontEnd/diemden.gif') no-repeat left; padding-left: 20px;}
.lich { background: url('../Images/FrontEnd/lich.gif') no-repeat left; padding-left: 20px;}
.key { font-size: 11px; color: #336699; padding-left: 5px;}

.new-form .title { padding-bottom: 0; height: 23px;}
.new-form .title a { color: #336699;height: 19px; float: left; padding: 4px 5px 0 5px;background: #fff; margin-right: 5px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.new-form .title a.chua-chon { background: none; }
.new-form .title a.chua-chon:hover { background: #dedede;}

.new-form .content { margin-top: 0; border-top: none; border-left: none;}
.chon-thang { padding-left: 5px; color: #1e9ac7; float: right; margin-right: 10px}
.calendar table { clear: left;   }
.calendar table body {border-right: 1px solid #ddedf5; border-top: 1px solid #ddedf5;}
.calendar th { color: #336699;
    padding-bottom: 5px;
    padding-top: 7px;}
.calendar a { border: 1px solid #DDEDF5;
    color: #1E9AC7;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 2px 1px 1px 3px;
    text-align: center;
    width: 23px;}
.calendar a span { color:#333; font-size: 10px;}

.calendar a.select span { color: #fff; font-weight: normal;}
.calendar a:hover { background:#eef7fb;}
.calendar a.thang-truoc {  color: #d4d4d4;}
.calendar a.ngay-hien-tai { background:#f5f5f5;}
/*Subcolum*/
#side-bar { width: 240px; float: left;}
.items {background: #eef7fb; border: 1px #ddedf5 solid; padding: 5px 8px; float: left; clear: both; margin-bottom: 10px; width: 224px; }
.item-title { color: #336699; font-weight: bold; padding-left: 20px;}
.items label { color: #333;}
div.option { padding: 2px 5px 2px 0; border: 1px solid #eef7fb; cursor: pointer; margin-bottom: 2px;}
div.hover { background: #fff; border: 1px solid #d4d4d4;}
div.option input, div.option label { cursor: pointer;}
div.select { background: #ffffcc; color: #336699; border: 1px solid #d4d4d4;  }
.display-mode .item-title { background: url('../Images/FrontEnd/chedohienthi.gif') no-repeat left; }
.price-sort .item-title { background: url('../Images/FrontEnd/gia.gif') no-repeat left; }
.sort-by  .item-title { background: url('../Images/FrontEnd/sapxep.gif') no-repeat left; }
.hang-bay-di { background: url('../Images/FrontEnd/baydi.gif') no-repeat left; padding-left: 25px; }
.hang-bay-ve { background: url('../Images/FrontEnd/bayve.gif') no-repeat left; padding-left: 25px; }
.hang-bay { float: left; clear: both; margin-bottom: 5px; background: #fff; padding:2px; width: 220px; line-height: 20px;}
.hang-bay img { padding-right: 10px; float: left; }
.hang-bay span { font-size: 11px; float: left;}
.hang-bay .gio-bay { float: right; color: #336699}
/*Main column */
#main { width: 710px; float: right; }
.results { float: left; margin-bottom: 10px;}
.block-title,.title-info { background: #336699;
             color: #fff; padding: 5px 10px; border-right: #336699 10px solid; float: left; width: 680px;}
.bay-di {background: #336699 url('../Images/FrontEnd/baydi-trang.gif') no-repeat right; }
.bay-ve {background: #336699 url('../Images/FrontEnd/bayve-trang.gif') no-repeat right; }
.title-info b { font-size: 16px;}
.list-result { float: left; clear: both;}
.list-result td.detail {  background: #ffffcc; padding: 0; color: #336699;height: 0; visibility: hidden; }
.list-result td.detail div { float: left; width: 33%; line-height: 20px; height: 0;}
/*Result */
.list-result th { background: #eef7fb; padding: 5px 10px; text-align: left; color: #336699;}
.mode-2 .list-result th, .mode-2 .list-result td {padding: 5px 0 5px 10px;}
.mode-2 .list-result td.detail {padding: 0;}
.list-result th span { font-weight: normal;}
.list-result td { padding: 5px 10px; background: #fefefe; border-bottom: 1px solid #eef7fb;}
.list-result td.gio-khoi-hanh { padding: 0;}
.list-result td.gio-khoi-hanh span { padding: 5px; float: left; cursor: pointer;}
span input, span label { cursor: pointer;}
.list-result td.gio-khoi-hanh span.hover{ background:#ddedf5;
          border: 1px solid #eef7fb; padding: 4px; }
.mode-2 .hover { background:#ddedf5; padding: 4px;
          color: #333; }
.mode-2 .select { background:#ffffcc; padding: 4px;
          color: #336699; }
.gia-ve { color: #f07824; font-weight: bold;}
.list-result td.gio-khoi-hanh span.select { background: #ffffcc; color: #336699;
         font-weight: bold; border: 1px solid #eef7fb; border-bottom: 1px solid #ffffcc; padding:4px; }
.list-result td.fare-notice { background: #eef7fb; color: #336699;}
.break { clear: both;}
.continue { float: left; clear: both; width: 100%;}
.continue input { float: right; padding: 10px 30px; color: #fff; font-weight: bold; font-size: 16px; background: #f07824; border: none;}
.need-input { float: left; clear: both; width: 100%;}
.need-input div { float: left; width: 239px; color: #336699; font-weight: bold; }

/*Footer*/
#bottom-page { clear: both; width: 100%; border-bottom: #336699 5px solid;
    border-top: 3px solid #ddedf5; background: #345f89; padding: 8px; float: left;
}
#footer { width: 960px; margin: 0 auto; color: #d4d4d4;}
#footer a { color: #fff;}
#footer a:hover { color:#f07824;}
#footer ul { margin: 0; padding: 0; list-style: none;}
#footer ul li { display: inline; padding-right: 5px;}
.copyr { overflow: hidden;  }
.copyr span { padding: 12px 0 0 5px; float: left;}
.copyr img { float: right;}
